import ChromeSlot from '@akinon/pz-theme/src/chrome/chrome-slot';
import { LiveBasketPageContext } from '@akinon/pz-theme/src/chrome/live-basket-page-context';
import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
import { ROUTES } from '@theme/routes';

/**
 * The basket body is handed to the theme editor here rather than in page.tsx,
 * because the slot is an async server component and the page is a client one.
 * With no composition published the slot renders the page untouched.
 *
 * The provider sits above the slot so the composition binds the shopper's live
 * basket: the basket is session-scoped and has no server data module, so a
 * server-built context would be a snapshot that never moves.
 */
export default function BasketLayout({
  children
}: {
  children: React.ReactNode;
}) {
  return (
    <LiveBasketPageContext path={ROUTES.BASKET}>
      <ChromeSlot slug={PLACEHOLDER_SLUGS.basket} fallback={children} />
    </LiveBasketPageContext>
  );
}